<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="author" content="广州新际网络科技有限公司">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript">var subnav= 1;</script>
	</head>

	<body>
		<div class="web">
			<!-- 头部 -->
			<header>
				<div class="head1">
					<div class="head-up clearfix">
						<div class="head-up-logo fl">
							<a href="index.html">
								<img src="img/logo.png" alt="" class="logo" />
							</a>
						</div>
						<div class="head-up-right fr">
							<p>
								<a href="">SMP/eSMP肾镜系统</a>
							</p>
							<p>
								<a href="">HAWK软性电子膀胱肾盂镜系统</a>
							</p>
							<p>
								<a href="">HAWK大白鲨组织粉碎系统</a>
							</p>
						</div>
					</div>
					<div class="head-down clearfix">
						<ul class="head-down-nav fl">
							<li id="menu1">
								<a href="index.html">首页</a>
							</li>
							<li id="menu2">
								<a href="product.html">产品展示</a>
							</li>
							<li id="menu3">
								<a href="case.html">案例展示</a>
							</li>
							<li id="menu4">
								<a href="news.html">新闻资讯</a>
							</li>
							<li id="menu5">
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
						<div class="head-down-right fr">
							<p class="text">
								<a href="">中</a>
								<span> / </span>
								<a href="">EN</a>
							</p>
							<div class="head-down-right-search">
								<form action="" method="post">
									<input type="search" />
									<input type="submit" name="" id="" value="" />
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="head2">
					<div class="head2-logo">
						<a href="">
							<img src="img/logo.png" alt="" class="logo" />
						</a>
					</div>
					<img src="img/menu.png" class="menu" />
				</div>
				<div id="menu">
					<div class="f1">
						<ul>
							<li class="first">
								<a href="index.html">首页</a>
							</li>
							<li class="first hasChild">
								<a href="#">关于我们</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="company-intro.html">公司简介</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="company-calture.html">公司文化</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">专家学者</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="company-honor.html">荣誉资质</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">产品展示</a>
								<div class="f2">
									<ul>
										<li class="second hasChild">
											<a href="#">普通外科手术</a>
											<div class="f3">
												<ul>
													<li class="third">
														<a href="product.html">亮点产品</a>
														<img src="img/to5.png"/>
													</li>
													<li class="third">
														<a href="applied-range.html">应用范围</a>
														<img src="img/to5.png"/>
													</li>
												</ul>
											</div>
										</li>
										<li class="second hasChild">
											<a href="#">矫形外科学</a>
											<div class="f3">
												<ul>
													<li class="third">
														<a href="product.html">亮点产品</a>
														<img src="img/to5.png"/>
														
													</li>
													<li class="third">
														<a href="applied-range.html">应用范围</a>
														<img src="img/to5.png"/>
													</li>
												</ul>
											</div>
										</li>
										<li class="second">
											<a href="#">脊柱外科</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">胸外科手术</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">肺病学</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">泌尿外科</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">案例展示</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="#">案例行业一</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="case.html">案例行业二</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">案例行业三</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">案例行业四</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">案例行业五</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">案例行业六</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">案例行业七</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">案例行业八</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">新闻资讯</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="#">企业新闻</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="news.html">行业新闻</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">新闻报道</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">售后服务</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="service-concept.html">服务理念</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="#">服务流程</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="online-message.html">在线留言</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">人才招聘</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="talent-concept.html">人才理念</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="job-vacancy.html">在招职位</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">全球网络</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="global-network.html">地图展示</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
							<li class="first hasChild">
								<a href="#">联系我们</a>
								<div class="f2">
									<ul>
										<li class="second">
											<a href="contact.html">联系方式</a>
											<img src="img/to5.png"/>
										</li>
										<li class="second">
											<a href="map.html">地图导航</a>
											<img src="img/to5.png"/>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</header>
			<!-- 中间内容 -->
			<section>
				<!-- 轮播图 -->
				<div class="lunbo special">
					<div class="swiper-container" id="lunbo1">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1.jpg" alt="" />
								</a>
							</div>
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1.jpg" alt="" />
								</a>
							</div>
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1.jpg" alt="" />
								</a>
							</div>
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1.jpg" alt="" />
								</a>
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
					<div class="swiper-container" id="lunbo2">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1-1.jpg" alt="" />
								</a>
							</div>
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1-1.jpg" alt="" />
								</a>
							</div>
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1-1.jpg" alt="" />
								</a>
							</div>
							<div class="swiper-slide">
								<a href="">
									<img src="img/banner1-1.jpg" alt="" />
								</a>
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div class="navigation">
					<a href="company-intro.html" class="navigation-classify">
						<img src="img/navigation1.png" />
						<p>关于我们</p>
					</a>
					<a href="product.html" class="navigation-classify">
						<img src="img/navigation2.png" />
						<p>产品展示</p>
					</a>
					<a href="case.html" class="navigation-classify">
						<img src="img/navigation3.png" />
						<p>案例展示</p>
					</a>
					<a href="news.html" class="navigation-classify">
						<img src="img/navigation4.png" />
						<p>新闻资讯</p>
					</a>
					<a href="service-concept.html" class="navigation-classify">
						<img src="img/navigation5.png" />
						<p>售后服务</p>
					</a>
					<a href="talent-concept.html" class="navigation-classify">
						<img src="img/navigation6.png" />
						<p>人才招聘</p>
					</a>
					<a href="global-network.html" class="navigation-classify">
						<img src="img/navigation7.png" />
						<p>全球网络</p>
					</a>
					<a href="contact.html" class="navigation-classify">
						<img src="img/navigation8.png" />
						<p>联系我们</p>
					</a>
				</div>
				<!-- 医疗器材 -->
				<div class="apparatus medical-apparatus">
					<div class="swiper-container" id="apparatus">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225195502k2rOeo.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225174949nJwFTt.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225192201HsyktC.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225192201HsyktC.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225195503nvXDsC.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
				</div>
				<div class="medical medical-apparatus">
					<div class="swiper-container" id="medical">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225195502k2rOeo.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225174949nJwFTt.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225192201HsyktC.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225192201HsyktC.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" style="background-image: url('https://test.jihuliwu.cn/zqg/meitai/Uploads/2020/02/25/20200225195503nvXDsC.png')">
									<div class="txt">
										SD-300A型电子内窥镜控制器
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
				</div>
				<!-- 视频和资讯 -->
				<div class="info clearfix">
					<div class="info-video fl">
						<div class="title">
							<span>企业视频</span>
						</div>
						<div class="video">
							<video id="video" controls="controls" preload="meta">
								<source src="http://1259143785.vod2.myqcloud.com/63d6b78fvodcq1259143785/101d809a5285890789627105964/LaPmONAtJQ4A.mp4" type="video/mp4"></source>
								当前浏览器不支持 video直接播放
							</video>
							<div class="video-shade">
								<img src="img/play.png" alt="" class="play" onclick="btn()"/>
							</div>
						</div>
					</div>
					<div class="info-news fr">
						<div class="info-news-title">
							<div class="title">
								<span>新闻资讯</span>
								<a href="news.html" class="more fr">MORE</a>
							</div>
						</div>
						<ul class="news">
							<li class="clearfix">
								<div class="timer fl">
									<p>24</p>
									<p>2019 / 03</p>
								</div>
								<div class="text fr">
									<p class="headline">
										<a href="">微创时代攻克肾结石的新利器</a>
									</p>
									<p>专注和坚持是青年医生走向国际的关键，要从一开始的“跟随者”，逐渐成为“同行者”，再在泌...</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="timer fl">
									<p>24</p>
									<p>2019 / 03</p>
								</div>
								<div class="text fr">
									<p class="headline">
										<a href="">微创时代攻克肾结石的新利器</a>
									</p>
									<p>专注和坚持是青年医生走向国际的关键，要从一开始的“跟随者”，逐渐成为“同行者”，再在泌...</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="timer fl">
									<p>24</p>
									<p>2019 / 03</p>
								</div>
								<div class="text fr">
									<p class="headline">
										<a href="">微创时代攻克肾结石的新利器</a>
									</p>
									<p>专注和坚持是青年医生走向国际的关键，要从一开始的“跟随者”，逐渐成为“同行者”，再在泌...</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- 关于我们 -->
				<div class="about-us">
					<div class="about-us-title clearfix">
						<p class="fl">关于我们</p>
						<a href="" class="more fr">MORE</a>
					</div>
					<div class="about-us-text clearfix">
						<div class="text fl">
							<p>广州市美太贸易有限公司成立于1999年，一直专注于研发、推广符合国情发展、突出专科特色的，以泌尿外科、普通外科、妇科为主的先进微创腔镜手术设备，并为医院的微创腔镜专科项目提供专业的发展方案。自2000年以来，与我国内窥镜研发、制造行业的领军企业---杭州好克光电仪器有限公司开始了长期的友好合作，并与国内诸多优秀的微创外科专家保持积极的合作关系，坚持走医工贸联合创新、互促发展的道路</p>
						</div>
						<div class="img fr">
							<img src="img/img1.png" alt="" />
						</div>
					</div>
				</div>
			</section>
			<!-- 底部 -->
			<footer>
				<div class="foot1">
					<div class="foot-first clearfix">
						<ul class="foot-first-nav fl">
							<li>
								<a href="company-intro.html">
									<img src="img/about-us.png" />
									<span>关于我们</span>
								</a>
							</li>
							<li>
								<a href="service-concept.html">
									<img src="img/after-sales.png" />
									<span>售后服务</span>
								</a>
							</li>
							<li>
								<a href="talent-concept.html">
									<img src="img/recruitment.png" />
									<span>人才招聘</span>
								</a>
							</li>
							<li>
								<a href="global-network.html">
									<img src="img/global-network.png" />
									<span>全球网络</span>
								</a>
							</li>
						</ul>
						<a href="tel:020-87383824" class="foot-first-tel fr">
							<img src="img/tel.png" alt="" />
							<span>020-87383824</span>
						</a>
					</div>
					<div class="foot-second clearfix">
						<div class="foot-second-link fl">
							<table>
								<tr>
									<th>友情链接：</th>
									<th>
										<a href="" target="_blank">新际网络</a>
										<a href="" target="_blank">广州医疗</a>
										<a href="" target="_blank">智能设备</a>
										<a href="" target="_blank">鑫泰药业</a>
										<a href="" target="_blank">新际网络</a>
										<a href="" target="_blank">医疗领域</a>
									</th>
								</tr>
							</table>
						</div>
						<div class="bdsharebuttonbox foot-second-share fr">
							<span>分享：</span>
							<img src="img/qq.png" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友" />
							<img src="img/microblog.png" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" />
							<img src="img/wx.png" class="bds_weixin" data-cmd="weixin" title="分享到微信" />
						</div>
					</div>
					<div class="foot-third clearfix">
						<div class="foot-third-copyright fl">
							&copy;2009-2017 All rights reserved.
							<a href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14058893号</a>
						</div>
						
						<div class="foot-third-other fr">
							<a href="">数据统计</a>
							<a href="">网站地图</a>
						</div>
						<div class="by">
							<p>
								技术支持：
								<a href="http://www.2000new.com" title="广州网站建设" target="_blank">新际网络</a>
							</p>
						</div>
					</div>
				</div>
				<div class="foot2">
					<ul class="foot-first-nav">
						<li>
							<a href="company-intro.html">
								<img src="img/about-us.png" />
								<span>关于我们</span>
							</a>
						</li>
						<li>
							<a href="service-concept.html">
								<img src="img/after-sales.png" />
								<span>售后服务</span>
							</a>
						</li>
						<li>
							<a href="talent-concept.html">
								<img src="img/recruitment.png" />
								<span>人才招聘</span>
							</a>
						</li>
						<li>
							<a href="global-network.html">
								<img src="img/global-network.png" />
								<span>全球网络</span>
							</a>
						</li>
					</ul>
					<div class="foot-second-link">
						<table>
							<tr>
								<th>友情链接：</th>
								<th>
									<a href="" target="_blank">新际网络</a>
									<a href="" target="_blank">广州医疗</a>
									<a href="" target="_blank">智能设备</a>
									<a href="" target="_blank">鑫泰药业</a>
									<a href="" target="_blank">新际网络</a>
									<a href="" target="_blank">医疗领域</a>
								</th>
							</tr>
						</table>
					</div>
					<div class="foot-third clearfix">
						<a href="tel:020-87383824" class="foot-first-tel fl">
							<img src="img/tel.png" alt="" />
							<span>020-87383824</span>
						</a>
						<div class="bdsharebuttonbox foot-second-share fr">
							<span>分享：</span>
							<img src="img/qq.png" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友" />
							<img src="img/microblog.png" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" />
							<img src="img/wx.png" class="bds_weixin" data-cmd="weixin" title="分享到微信" />
						</div>
					</div>
					<div class="copyright">
						<div class="copy">
							&copy;2009-2017 All rights reserved.
							<a href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14058893号</a>
						</div>
						<div class="by">
							<p>
								技术支持：
								<a href="http://www.2000new.com" title="广州网站建设" target="_blank">新际网络</a>
							</p>
						</div>
					</div>
				</div>
			</footer>
		</div>
	</body>

	<script src="js/jquery-2.1.0.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="js/leftMenu.js"></script>
	<script src="js/index.js"></script>
	<script type="text/javascript">
	    try{
	        document.getElementById('menu'+subnav).className='active';
	    }catch(e){}
	</script>

	<script type="text/javascript">
		var video = document.getElementById("video");
		//点击按钮开始播放视频
		function btn(){
			video.play();
			$(".video-shade").css("display","none");
		}
		//视频停止播放
		setInterval(function(){
			if(video.paused){
				$(".video-shade").css("display","block");
			}else{
				$(".video-shade").css("display","none");
			}
		})
		
		//视频播放结束
		video.addEventListener("ended",function(){
			$(".video-shade").css("display","block");
		})
	</script>
	
	<script type="text/javascript">
		//获取视频封面图，生成图片跨域问题，需后端一起解决
		video.addEventListener('loadeddata', function(e) {
            // 拿到图片
            let canvas = document.createElement('canvas');
            canvas.width = video.videoWidth;
            canvas.height = video.videoHeight;
            canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
            let src = canvas.toDataURL('image/png');
            // 显示在dom，测试用
            (function(flag = true) {
                if (!flag) {return;}
                let img = document.createElement('img');
                img.src = src;
                document.body.appendChild(img);
            })(0);
            // 设置属性
            video.setAttribute('poster', src);
        });
	</script>

</html>